<template>
  <div class="block">
    <div class="top">
      <img src="../assets/404tag.png" alt="404头部" />
    </div>
    <div class="con">
      <div class="err">
        <img src="@/assets/404.png" alt="404" />
      </div>
      <div class="text">
        <span>(T ^ T)</span>
        <span>抱歉，迷路了</span>
      </div>
      <div class="text lianjie">
        <router-link to="/home">返回首页</router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "page404",
};
</script>

<style scoped>
.block {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.block .top {
  background: #e54847;
  width: 100%;
  height: 1.387rem;
  padding: 12px;
}
.block .top img {
  width: 2.5335rem;
  height: 0.72rem;
}

.block .con {
  flex: 1;
  overflow: hidden;
  background-color: #EFEFEF;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block .con>div {
  margin-bottom: 25px;
}

.block .con .err{
  width: 200px;
  height: 188px;
  margin-top: 200px;
}
.block .con .err img{
  width: 100%;
}
.block .con .text{
  font-size: 17px;
}
.block .con .lianjie{
 padding-bottom: 150px;
}
</style>
